import Editor from 'for-editor'
import { useState, useEffect } from 'react';
import IndexStyle from '../index.less'
export default function IndexPage() {
  const [value, setValue] = useState('')


  const handleChange = (value: any) => {
    setValue(value)
  }
  return (
    <div className={IndexStyle.left}>
    <Editor value={value} onChange={handleChange}
     height={'100%'}
    toolbar = {{
      h1: true, // h1
      h2: true, // h2
      h3: true, // h3
      h4: true, // h4
      img: true, // 图片
      link: true, // 链接
      code: true, // 代码块
      preview: true, // 预览
      /* v0.0.9 */
      undo: true, // 撤销
      redo: true, // 重做
      save: true, // 保存
      /* v0.2.3 */
      subfield: true, // 单双栏模式
     } }
    />
  </div>
  );
}
